<template>
    <div>
        <van-nav-bar title="商品详情" left-text="返回" left-arrow @click-left="() => { $router.push('/home/sy') }" fixed />
        <div style="height: 45px;"></div>
        <div v-html="detail.goods_introduce"></div>
        <van-action-bar style="margin-bottom: 45px;">
            <van-action-bar-icon icon="chat-o" text="客服" color="#ee0a24" />
            <van-action-bar-icon icon="cart-o" text="购物车" />
            <van-action-bar-icon icon="star" text="已收藏" color="#ff5000" />
            <van-action-bar-button type="warning" text="加入购物车" />
            <van-action-bar-button type="danger" text="立即购买" />
        </van-action-bar>

    </div>
</template>

<script setup>
import {ref} from 'vue'
import {detailApi} from '@/api/api'
import {useRoute} from 'vue-router'
let item = new useRoute()
let detail=ref([])
detailApi(item.params.goods_id).then(res => {
        console.log('详情数据', res)
        detail.value = res.data.message
    })
</script>

<style lang="scss" scoped></style>